<template>
  <div class="hotDynamic" >
    <dynamic-box-1 v-for="item in dynamicList" :key="item.id" :dynamicMap="dynamicMap" :dynamic="item"></dynamic-box-1>
  </div>
</template>

<script>
import DynamicBox1 from "@/components/content/DynamicBox-1";
import {getConcernDynamic} from "@/api/dynamic";
export default {
  name: "hotDynamic",
  components: {DynamicBox1},
  data(){
    return{
      dynamicList:[],
      dynamicMap:{}
    }
  },
  created() {
    this.getData()
  },
  methods:{
    getData(){
      getConcernDynamic(1,'student',1).then(res=>{
        console.log(res)
        this.dynamicMap=res.data.extend
        this.dynamicList=res.data.extend.page.records
      })

    }
  }
}
</script>

<style lang="stylus" scoped>
.hotDynamic
  width 100%
  display grid
  grid-template-columns repeat(2, 1fr)
  grid-gap 5px
</style>
